<template>
  <div class="notfound">
    <div class="head404" ref="head404" @click="goToPage()"></div>
  </div>
</template>

<script>
export default {
  name: "NotFind",
  mounted() {
    let dom = this.$refs.head404;
    dom.style.background = "url(" + require('@/assets/images/notfound.png') + ")";
    dom.style.backgroundRepeat = "no-repeat";
    dom.style.backgroundSize = "100% 100%";
  },
  methods:{
    goToPage(){
      this.$router.push('/')
    }
  }

}
</script>

<style scoped>
.notfound{
  width:100%;
  height: 100vh;
}
.head404 {
  width: 500px;
  height: 234px;
  position: absolute;
  top: 5vh;
  left: calc(50% - 250px);
}
</style>
